<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>拍店记录</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<link rel="stylesheet" href="/styles/reset.css">
<link rel="stylesheet" href="/styles/record.css">
</head>
<body>
	<div class="main">
		<div class="tabbox" id="clicktab">
			<ul class="tabbtn clearfix">
				<li class="current pull-left"><span>审核中</span></li>
				<li class="pull-left liCenter"><span>已通过</span></li>
				<li class="pull-right"><span>未通过</span></li>
			</ul>
			<div class="tabcon">
				<ul>
					<li class="clearfix" th:each="item,itemStat:${dsh}"><img class="pull-left" th:src="@{/shop/imgstream(file=${item.img0})}" alt="" width="177">
						<div class="tabcon1Left pull-left">
							<div class="clearfix">
								<h3 class="pull-left" th:text="${item.ipone}"></h3>
								<span class="pull-right">0元</span>
							</div>
							<div class="tabcon1bo clearfix">
								<p class="pull-left">审核中</p>
								<p class="pull-right" th:text="${#dates.format(item.createTime, 'yyyy-MM-dd  hh:mm:ss')}"></p>
							</div>
						</div></li>
				</ul>
			</div>
			<!--tabcon end-->
			<div class="tabcon">
				<ul>
					<li class="clearfix" th:each="item,itemStat:${ytg}"><img class="pull-left" th:src="@{/shop/imgstream(file=${item.img0})}" alt="" width="177">
						<div class="tabcon1Left pull-left">
							<div class="clearfix">
								<h3 class="pull-left" th:text="${item.ipone}"></h3>
								<span class="pull-right">0元</span>
							</div>
							<div class="tabcon1bo clearfix">
								<p class="pull-left">已通过</p>
								<p class="pull-right" th:text="${#dates.format(item.createTime, 'yyyy-MM-dd  hh:mm:ss')}"></p>
							</div>
						</div></li>
				</ul>
			</div>
			<!--tabcon end-->
			<div class="tabcon">
				<ul>
					<li class="clearfix" th:each="item,itemStat:${wtg}"><img class="pull-left" th:src="@{/shop/imgstream(file=${item.img0})}" alt="" width="177">
						<div class="tabcon1Left pull-left">
							<div class="clearfix">
								<h3 class="pull-left" th:text="${item.ipone}"></h3>
								<span class="pull-right">0元</span>
							</div>
							<div class="tabcon1bo clearfix">
								<p class="pull-left" th:text="${item.reason}"></p>
								<p class="pull-right" th:text="${#dates.format(item.createTime, 'yyyy-MM-dd  hh:mm:ss')}"></p>
							</div>
						</div></li>
				</ul>
			</div>
			<!--tabcon end-->
		</div>
		<!--tabbox end-->
	</div>
</body>
<script src="/scripts/jquery.min.js"></script>
<script src="/scripts/rem.js"></script>
<script>
	$(function() {
		$('#clicktab .tabbtn li').click(function() {
			TabSelect("#clicktab .tabbtn li", "#clicktab .tabcon", "current", $(this))
		});
		$('#clicktab .tabbtn li').eq(0).trigger("click");
		function TabSelect(tab, con, addClass, obj) {
			var $_self = obj;
			var $_nav = $(tab);
			$_nav.removeClass(addClass), $_self.addClass(addClass);
			var $_index = $_nav.index($_self);
			var $_con = $(con);
			$_con.hide(), $_con.eq($_index).show();
		}
	});
</script>
</html>
